<template>
	<view class="page">
		<up-navbar title="客户资料" :autoBack="true" safeAreaInsetTop placeholder> </up-navbar>
		<view>
			<view style="width: 90%; margin: 0 auto; line-height: 100rpx;"><text style="color: #999999;">基本信息</text>
			</view>
		</view>
		<view style="line-height: 100rpx; background-color: #fff;">
			<view style="width: 90%; margin: 0 auto;  display: flex; justify-content: space-between;">
				<view><text style="">姓名:</text></view>
				<view><text style="">{{nriong.nickname}}</text></view>
			</view>
		</view>
		<view style="line-height: 100rpx; background-color: #fff; margin-top: 2rpx;">
			<view style="width: 90%; margin: 0 auto;  display: flex; justify-content: space-between;">
				<view><text style="">所属地区:</text></view>
				<view><text style="">{{nriong.address}}</text></view>
			</view>
		</view>
		<view style="line-height: 100rpx; background-color: #fff; margin-top: 2rpx;">
			<view style="width: 90%; margin: 0 auto;  display: flex; justify-content: space-between;">
				<view><text style="">联系电话:</text></view>
				<view><text style="">{{nriong.mobile}}</text></view>
			</view>
		</view>
		<view style="line-height: 100rpx;">
			<view style="width: 90%; margin: 0 auto;">
				<view><text style="color: #999999;">咨询事项</text></view>

			</view>
		</view>

		<view style="width: 100%; background-color: #fff;">
			<view style="width: 90%; margin: 0 auto; display: flex; text-align: center;flex-wrap: wrap;">
				<view class=" linglein " v-for="(items, index) in nriong.service_labels_name" :key="index">
					<view class="linglein_meir"><text style="color: #FF9839;">{{items}}</text></view>
				</view>
			</view>


		</view>
		<view style="height: 300rpx; background-color: #fff; margin-top: 2rpx; ">
			<view style="width: 90%; margin: 0 auto;padding-top: 200rpx;  ">
				<view ><up-button class="custom-style" shape="circle" color="#FF6A04" text="编辑客户资料" @click="biaji"></up-button></view>
				
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
			nriong:'',
			}
		},
		onLoad(id) {
		console.log(id.id)
		this.kehu_id= parseInt(id.id)
		this.kehuxiangqing()
		},
		methods: {
			
			
			kehuxiangqing(){
				
				
				this.$request({
					url: '/api/User/getMyUserDetail',
					header:"application/x-www-form-urlencoded",
					data: {uid:this.kehu_id}
				}).then(res => {
					if (res.code == 1) {
						this.nriong=res.data		
						
					} else {
						
					
					}
				})
			},
			
			biaji(){
				uni.navigateTo({
					url: '/pages/my/kehu/wode_kehu_xiugai/wode_kehu_xiugai?id='+this.nriong.id,
				})
			},
		}
	}
</script>

<style>
	.page {
		background: #F8F8F8;
	}

	.linglein_meir {
		background-color: #FFF6EE;
		border-radius: 10rpx;
	}

	.linglein {
		width: 30%;
		padding: 10rpx;
		line-height: 80rpx;
	}
</style>